<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <link rel="stylesheet" type="text/css" href="css/styles.css"/>
        <link rel="stylesheet" type="text/css" href="css/960_12_col.css"/>
        <link rel="stylesheet" type="text/css" href="css/reset.css"/>
        <link rel="stylesheet" type="text/css" href="css/text.css"/>
    </head>
    <body>
        <div class="container_12">
            <div class="grid_4">
                <div id="logo"><a href="#"><img src="images/logo.png"/></a></div>
            </div>
            <div class="grid_8">
                <div id="phone">
                    <h1><small>(8499)&nbsp;</small>709 79 79</h1>
                </div>
                <!---->
            </div>
            <div class="clear"></div>
            <div class="grid_3">
                &nbsp;
            </div>
            <div class="grid_9">
                <div id="menu">
                    <ul>
                        <li id="actyve"><a id="act" href="#">О компании</a></li>
                        <li><a href="#">Услуги</a></li>
                        <li><a href="#">Статьи</a></li>
                        <li><a href="#">Новости</a></li>
                        <li><a href="#">Гарантия</a></li>
                        <li><a href="#">Контакты</a></li>
                    </ul>
                </div>
            </div>
            <div class="clear"></div>

        </div>
        <div class="container_12" style="margin-top: 30px">
            <div id="search_news_block">
                <div class="grid_6">
                    <div id="news">
                        <h1><a href="#"><span>01-01-2013</span>Заголовок новости</a></h1>
                        <p>[21.01.2013 14:39:12] Веб-студия Авердо: Лот-комфорт.</p>   <!-- тут обязательно ограничить количество символов на отображение анонса -->
                    </div>
                </div>
                <div class="grid_6">
                    <div id="search_box">
                        <form id="form_search">
                            <input type="text" class="input-text" value="" id="search" autocomplete="off"/>
                            <button class="button" title="Поиск" type="submit"><span><span>Поиск</span></span></button>
                            <div class="search-autocomplete" id="search_autocomplete" style="display: none;"></div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="container_12" style="margin-top: 20px">
            <div class="grid_3">
                <div id="link_wrapper">
                    <a href="#" id="main_link">Кондиционирование</a>
                </div>
            </div>
            <div class="grid_3">
                <div id="link_wrapper">
                    <a href="#" id="main_link">Вентеляция</a>
                </div>
            </div>
            <div class="grid_3">
                <div id="link_wrapper">
                    <a href="#" id="main_link">Отопление</a>
                </div>
            </div>
            <div class="grid_3">
                <div id="link_wrapper">
                    <a href="#" id="main_link">Наши бренды</a>
                </div>
            </div>
            <div class="clear"></div>
            <div class="grid_3"><!-- тут начинаются слои с банерами -->
                <div id="button_1">
                    <a href="#"></a>
                </div>
            </div>
            <div class="grid_3">
                <div id="button_2">
                    <a href="#"></a>
                </div>
            </div>
            <div class="grid_3">
                <div id="button_3">
                    <a href="#"></a>
                </div>
            </div>
            <div class="grid_3">
                <div id="button_4">
                    <a href="#"></a>
                </div>
            </div>
        </div><!-- тут они заказнчиваются -->
        <div class="container_12" style="padding-top: 10px;">
            <div class="grid_9">
               
                <div id="main_content"><!-- ну вот и есть контейнер контента в теле -->
                    <div class="navigation">
                        <a href="#">Главная</a>/<a href="#">Корзина</a>
                    </div>
                    <div class="cart">
                        <table>
                            <thead>
                                <tr>
                                    <td colspan="2">Наименование товара</td>
                                    <td>Количество</td>
                                    <td>Цена</td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td><img src="images/cart_img.png"/></td>
                                    <td>
                                        <h5>Title</h5>
                                    </td>
                                    <td>
                                        <form>
                                            <input type="text" value="1" size="5"/>
                                        </form>
                                        <span><a href="#"><img src="images/plus.png"/></a><a href="#"><img src="images/minus.png"/></a></span>
                                    </td>
                                    <td>
                                        <div class="cart_price">
                                            <span>15 000</span>
                                        </div>
                                        <div class="cart_delete">
                                            <a href="#">Убрать из корзины</a>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td><img src="images/cart_img.png"/></td>
                                    <td>Наименование</td>
                                    <td>поле с количеством</td>
                                    <td>цена</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="grid_3">
                <div id="right_col">
                    <h1 id="title">Статьи</h1>
                    <ul id="top_ul">
                        <li><a href="#">Статьи о кондиционировании</a>
                            <ul id="second_ul">
                                <li><a href="#">пример списка в теле</a></li>
                                <li><a href="#">пример списка в теле</a></li>
                                <li><a href="#">пример списка в теле</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Статьи о кондиционировании</a>
                            <ul id="second_ul">
                                <li><a href="#">пример списка в теле</a></li>
                                <li><a href="#">пример списка в теле</a></li>
                                <li><a href="#">пример списка в теле</a></li>
                            </ul>
                        </li>
                    </ul>
                    <ul id="info_link">
                        <li id="link_1"><a href="#">обслуживание</a></li>
                        <li id="link_2"><a href="#">документация</a></li>
                        <li id="link_3"><a href="#">для проектировщиков</a></li>
                        <li id="link_4"><a href="#">предложения</a></li>
                        <li id="link_5"><a href="#">подбор оборудования</a></li>
                    </ul>
                    
                </div>
                
            </div>
        </div>
        <div id="footer">
            <div class="container_12" id="footer_wrapper">
                <div class="grid_6">
                    <div id="copy">
                        <h1>&copy;2013 "Московские Климатические Системы"</h1>
                        <h1>Кондицонеры Вентиляция Отопление</h1>
                    </div>
                </div>
                <div class="grid_6">
                    <div id="foter_link">
                        <div id="menu_foot">
                            <ul>
                                <li><a href="#">О компании</a></li>
                                <li><a href="#">Услуги</a></li>
                                <li><a href="#">Статьи</a></li>
                                <li><a href="#">Новости</a></li>
                                <li><a href="#">Гарантия</a></li>
                                <li><a href="#">Контакты</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>